<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>彩票查</title>
    <style>
        body {
            font-family: "微软雅黑";
            font-weight: bold;
            font-size:14px;
            background:#cccccc;
        }

        td {
            border:1px solid #dfdfdf;
            text-align: center;
            padding: 6px 12px;
        }

        table {
            background: #ffffff;
            margin:auto;
            position: relative;
            transform:translateY(50%);
            border-radius: 5px;
            border-color: #afafaf;
            border-style: solid;
            border-width: 2px;
        }

        .red span,.blue span,.red-prize,.blue-prize {border-radius:50%;padding:0px;width:32px;height:32px;display:inline-block;text-align: center;line-height: 32px;border-style: solid;border-width: 1px;}
        .red span,.red-prize {color: red; border-color: palevioletred;}
        .blue span,.blue-prize {color: darkblue; border-color: cornflowerblue;}
        .uButton {width:42px;padding:5px 0;border:1px solid #ccc;border-radius: 5px;cursor:pointer;}
        .red-prize, .blue-prize {border-style: dotted;}
    </style>
</head>
<body>
<p>参考地址：https://kaijiang.500.com/ssq.shtml</p>
<table>
    <tr>
        <td>项目</td>
        <td colspan="6">红区</td>
        <td>蓝区</td>
        <td>中奖区域</td>
    </tr>
    <tr>
        <td>第一组</td>
        <td class="red" colspan="6">
            {{range $k,$v := .RedLucky1}}
            <span>{{$v}}</span>
            {{end}}
        </td>
        <td class="blue">
            <span>{{.BlueLucky1}}</span>
        </td>
        <td>
            {{range $k,$v := .RedPrize1}}
            <span class="red-prize">{{$v}}</span>
            {{end}}
            {{if ne .BluePrize1 0}}
            <span class="blue-prize">{{.BluePrize1}}</span>
            {{end}}
        </td>
    </tr>
    <tr>
        <td>第二组</td>
        <td class="red" colspan="6">
            {{range $k,$v := .RedLucky2}}
            <span>{{$v}}</span>
            {{end}}
        </td>
        <td class="blue"><span>{{.BlueLucky2}}</span></td>
        <td>
            {{range $k,$v := .RedPrize2}}
            <span class="red-prize">{{$v}}</span>
            {{end}}
            {{if ne .BluePrize2 0}}
            <span class="blue-prize">{{.BluePrize2}}</span>
            {{end}}
        </td>
    </tr>
    <tr>
        <td>本期中奖号码</td>
        <td class="red" colspan="6">
            {{range $k,$v := .RedPrize}}
            <span>{{$v}}</span>
            {{end}}
        </td>
        <td class="blue"><span>{{.BluePrize}}</span></td>
        <td>
            <form action="#" method="post">
                <input type="hidden" name="refresh" value="true" />
                <input class="uButton" type="submit" value="更新" />
            </form>
        </td>
    </tr>
</table>
</body>
</html>